<template>
  <div class="columns-container">
    <split-pane
      split="vertical"
      :min-percent="15"
      :default-percent="20"
      @resize="resize"
    >
      <template slot="paneL"> </template>
      <template slot="paneR"> </template>
    </split-pane>
  </div>
</template>

<script>
import splitPane from 'vue-splitpane'
export default {
  name: 'ColumnsCategoryEdit',
  components: {
    splitPane
  },
  data() {
    return {}
  },
  created() {},
  methods: {
    resize() {
      console.log('resize')
    }
  }
}
</script>

<style scoped idlang="less">
.columns-container {
  height: 100%;
}
</style>
